<!DOCTYPE html>
<html>
<head>
	<% include ../link %>
	<link rel="stylesheet" type="text/css" href="/css/user.css">
	<link rel="stylesheet" type="text/css" href="/bower_components/cropper/dist/cropper.css">
	<script src="/js/imagecropper.js"></script>
	<style type="text/css">
		input[type="radio"]{
			opacity: 0;
		}
		.tag{
			list-style-type:none; 
			padding: 0px;
		}
		.tag li{
			width: 150px;
			height: 32px;
			text-align: center;
			line-height: 30px;
		}
		.on{
			background: url("../images/radio.png");
			background-position: 0px 0px;
			background-repeat: no-repeat;
			background-color: #DCDBDD;
			border-radius: 4px 4px;
		}
	</style>
</head>
<body>
	<% include ../head %>
	<div class="myself-top-head">
		<img src="/images/myselfTitle.png" class="myself-top-img">
	</div>
	<div class="container">
		<div class="row">
			<% include ../usermodle %>
			<div class="col-md-8  body-right ">
				<span class="body-right-titlesp"></span>
				<p class="body-right-title">&nbsp;&nbsp;video</p>
	  			<div class="myself-body-div">
	  				<div class="form-group" id="formpost">
						<div class="form-group">
							<label for="exampleInputPassword1">标题</label>
							<input type="text" class="form-control" id="vName" name="vName" placeholder="input video name">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">简介</label>
							<input type="text" class="form-control" id="vInfo" name="vInfo" placeholder="input video info">
						</div>
						
						<div class="form-group">
							<button id="submit" type="submit" class="button button-glow button-rounded button-raised button-primary" style="display: block ;margin: 0px auto 20px auto;width: 100% ;">下一步</button>
						</div>
	  				</div>
	  			</div>
			</div>
		</div>
	</div>

	<div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
					<h4 class="modal-title" id="myModalLabel">上传封面</h4>
				</div>
				<div class="modal-body">
					<a href="javascript:void(0);" id="article-img-a" class="thumbnail" style="margin:0px auto;width:100%;height: 500px; ">
					</a>
					<input id="img_file" type="file" accept="image/*" id="imgFile" name='imgFile'  onchange="selectImage(this);">	
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button id="article_save_img" type="button" class="btn btn-primary" data-dismiss="modal">保存</button>
				</div>
			</div>
		</div>
	</div>
</body>
<script src="/bower_components/cropper/dist/cropper.js"></script>
<script>
	
</script>
</html>